import React, {FC, useEffect, useState} from 'react';
import styles from './Section01.module.scss'
import {Button} from "react-bootstrap";

interface Section01Props {
}

const Section01: FC<Section01Props> = (props) => {
    const {children} = props;

    useEffect(() => {
        console.log('Section01 组件挂载完毕!');
    }, []);

    console.log('Section01 组件render!');
    return (
        <div className={styles.main}>
            <small>版本 1.0</small>
            <h1>用心做点没用的东西</h1>
            <div className={styles.btnPanel}>
                <Button size={'lg'} block>继续向下查看</Button>
            </div>
            <i className={`bi bi-chevron-down ${styles.moreDown}`}></i>
        </div>
    );
};

export default Section01;
